import React from 'react'
import store from './store'
import { increment, decrement } from './store/actions/calc'

export default function App() {
  return (
    <div style={{ textAlign: 'center' }}>
      {/* 获取数据 */}
      <h2>{store.getState()}</h2>
      <div>
        {/* 通过 increment 这个样一个 actionCreator 生成了一个 +1 的 action */}
        {/* 问题：数据确实变换了，但是视图没有更新 */}
        {/* //!解决：在 subscribe 重新渲染视图 */}
        <button onClick={() => store.dispatch(increment(1))}>+1</button>
        <button onClick={() => store.dispatch(increment(5))}>+5</button>
        <button onClick={() => store.dispatch(decrement(1))}>-1</button>
        <button onClick={() => store.dispatch(decrement(7))}>-7</button>
      </div>
    </div>
  )
}
